<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<link rel="stylesheet" type="text/css" href="../../../css/app.css">
		<link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
		<link rel="stylesheet" type="text/css" href="../comm/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="../comm/xy-pop.css" />
		<link rel="stylesheet" type="text/css" href="./shop_index_yzc.css">
		<title>YZC商品</title>
		<style type="text/css">
			[v-cloak] {
			    display: none !important;
			}
		</style>
	</head>

	<body>
		<div class="container" v-cloak>
			<div @click="toGame" class="image-ball">
				<img src="../../../image/shop/yzc/ball.gif" alt="">
			</div>
			<div class="title">YZC专区</div>
			<div class="image-frame">
				<img src="../../../image/shop/yzc/banner.png"/>
			</div>
			<div class="shop-yzc-text">
				<img src="../../../image/shop/yzc/yzc_icon.png" alt="">
				我的YZC：<span class="my_yzb" v-html="userInfo.yzb"></span>
				<b @click="toGame">去挖币 ></b>
			</div>
			<div class="shop-yzc-banner">
				· YZC当钱花 有礼超值换 ·
			</div>
			<ul class="shop-yzc-list" v-if="list.length > 0">
				<li v-for="(item,index) in list" @click="goGoodsDetail" :data-goodsid="item.goods_id">
					<div class="yzc-list-img">
						<img :src="item.cover+'?x-oss-process=image/resize,m_lfit,w_960'"/>
						<!-- <div v-if="userInfo.team_leader_level >= 1 && (item.commission1_rate != 0 || item.commission2_rate != 0)">
							<span v-html="'推荐<br />分佣'"></span>
							<p>
								<u v-if="item.commission1_rate != 0" v-html="'一级分佣<i>'+item.commission1_rate+'%</i>'"></u>
								<u v-if="item.commission2_rate != 0" v-html="'二级分佣<i>'+item.commission2_rate+'%</i>'"></u>
							</p>
						</div> -->
					</div>
					<h2 v-html="item.name"></h2>
					<div class="yzc-list-btn">
						<img src="../../../image/shop/yzc_icon.png"/>
						<span v-html="item.yzc"></span>
						<i v-html="'已兑换'+item.sale_count+'件'"></i>
						<!-- <b v-html="'去兑换'"></b> -->
					</div>
					<div class="yzc-btn">
						立即兑换
					</div>
				</li>
				<!--<li>
					<div class="yzc-list-img">
						<img src="../../../image/shop/buy/buy-03.jpg"/>
						<div>
							<span>推荐<br />分佣</span>
							<p>
								<u>一级分佣<i>10%</i></u>
								<u>二级分佣<i>20%</i></u>
							</p>
						</div>
					</div>
					<h2>
						标题风口大家说了附近的史莱克快乐番薯的骄傲了的开始减肥第三款减肥的时刻佛挡杀佛杀戮空间
					</h2>
					<div class="yzc-list-btn">
						<img src="../../../image/shop/yzc_icon.png"/>
						<span>29.9</span>
						<i>已兑换56件</i>
						<b>去兑换</b>
					</div>
				</li>
				<li>
					<div class="yzc-list-img">
						<img src="../../../image/shop/buy/buy-03.jpg"/>
						<div>
							<span>推荐<br />分佣</span>
							<p>
								<u>一级分佣<i>10%</i></u>
								<u>二级分佣<i>20%</i></u>
							</p>
						</div>
					</div>
					<h2>
						标题风口大家说了附近的史莱克快乐番薯的骄傲了的开始减肥第三款减肥的时刻佛挡杀佛杀戮空间
					</h2>
					<div class="yzc-list-btn">
						<img src="../../../image/shop/yzc_icon.png"/>
						<span>29.9</span>
						<i>已兑换56件</i>
						<b>去兑换</b>
					</div>
				</li>
				<li>
					<div class="yzc-list-img">
						<img src="../../../image/shop/buy/buy-03.jpg"/>
						<div>
							<span>推荐<br />分佣</span>
							<p>
								<u>一级分佣<i>10%</i></u>
								<u>二级分佣<i>20%</i></u>
							</p>
						</div>
					</div>
					<h2>
						标题风口大家说了附近的史莱克快乐番薯的骄傲了的开始减肥第三款减肥的时刻佛挡杀佛杀戮空间
					</h2>
					<div class="yzc-list-btn">
						<img src="../../../image/shop/yzc_icon.png"/>
						<span>29.9</span>
						<i>已兑换56件</i>
						<b>去兑换</b>
					</div>
				</li>-->
			</ul>
		</div>
	</body>
	<script src="../../sea.js" data-main="../../main"></script>
	<script type="text/javascript" src="../../vue.js"></script>
	<script type="text/javascript" src="./shop_index_yzc.js"></script>

</html>
